﻿/*******************************
 * @Author Kiner
 * @Author blog http://okiner.cn/
 * @Creation date: 2011.04.20
 * @Tips: Base CSS
 *******************************/
/* css reset */
html,body	{height:100%;}
body										{color:#333;margin:0 auto;padding:0;background:#fff url(/img/bg_warp.png) center center repeat-y;font:12px/1.5 SimSun,Microsoft Yahei,Arial,Helvetica,sans-serif;}
h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td	{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6, p, input			{font-size:100%;}
ul,ol,li,dl,dt,dd							{list-style:none;}
img											{vertical-align:middle;}
div, form, img, ul, ol, li, dl, dt, dd		{margin:0;padding:0;border:0;}
input, textarea								{padding:2px 3px;}
input			  							{vertical-align:middle;}
address, cite, dfn ,em, var					{font-style:normal;}
table										{border-collapse:collapse;border-spacing:0}
a											{cursor:pointer;text-decoration:none;outline: none;}
a:hover										{text-decoration:underline;}
.tdu										{text-decoration:underline;}
:focus										{outline:none;}
sup 										{vertical-align:text-top;} 
sub 										{vertical-align:text-bottom;}

/***comm style***/
.p_r			{position:relative;}
.left			{float:left;}
.right			{float:right;}
.hidden			{display:none;}
.hide			{visibility:hidden;}
.clear			{clear:both;}

.f12			{font-size:12px;}
.f12b			{font-size:12px;}
.f14			{font-size:14px;}
.f14b			{font-size:14px;font-weight:bold;}
.fb				{font-weight:bold;}
.fn				{font-weight:normal;font-style:normal;}

.tac			{text-align:center;}
.tal			{text-align:left;}
.tar			{text-align:right;}

.p10			{padding:10px;}
.plr10			{padding:0 10px;}
.m10			{margin:10px;}
.ml10			{margin-left:10px;}
.ml20			{margin-left:20px;}
.mr10			{margin-right:10px;}
.mr5			{margin-right:5px;}
.mt5			{margin-top:5px;}
.mt10			{margin-top:10px;}

.w960			{ width:960px; margin:0 auto; }

.more				 { color:#017dc7; }
.red				 { color:#a71c21; }
.date				 { display:inline-block; font-size:11px; padding-right:10px; font-family:Arial; }


#header				{ height:267px;background:url(/img/img_head1.jpg) center center no-repeat; }
.header_shwh		{ height:189px!important;background:url(/img/img_head2.jpg) center 0 no-repeat!important; }
#logo				{ position:absolute; left:20px; top:10px; width:420px; height:52px; }
#nav				{ height:61px; background:url(/img/bg_nav.png) center center no-repeat; }
#nav .nav			{ width:888px; margin: 0 auto; }
#nav ul				{ float:left; height:51px; padding:10px 5px 0 45px; background:url(/img/icn_nav_temp.png) 0 0 no-repeat; }
#nav .nav_item1		{ width:200px; background-position:0 0; }
#nav .nav_item2		{ width:200px; background-position:0 -61px; }
#nav .nav_item3		{ width:140px; background-position:0 -122px; }
#nav .nav_item4		{ width:140px; background-position:0 -183px; }
#nav ul li			{ float:left; width:60px; margin:0 5px 5px 0; display:inline;}
#nav li a			{ color:#ddebff;}
.goHome				{ position:absolute; right:-60px; top:5px; width:50px; height:50px; display:block; }

.page_menu_box1, .page_menu_box2, .page_menu_box3, .page_menu_box4, .page_menu_box5	{ float:left; padding-top:70px; background:#f4f4f4 url(/img/icn_inside_left.png) 0 0 no-repeat; }
.page_menu_box2			{ background-position:-218px 0;}
.page_menu_box2 .page_menu			{ background:url(/img/bg_menu_box2.jpg) 0 bottom no-repeat; }
.page_menu_box3			{ background-position:-436px 0;}
.page_menu_box4			{ background-position:-654px 0;}
.page_menu_box5			{ background-position:-876px 0;}
.page_menu				{ width:200px; height:795px; padding:0 6px; border:1px solid #ddd; border-top:0; }
.page_menu li			{ width:192px; height:24px; margin:0 auto 4px; }
.page_menu li a			{ display:block; color:#333; height:24px; line-height:2; background:url(/img/icn_nav.png) 0  -297px no-repeat; padding-left:35px; }
.page_menu .on a,
.page_menu li a:hover	{ color:#16509d; text-decoration:none; background-position: 0 -150px; }

/*** 面包屑 ***/
.cont_page			{ height:18px; padding:0 40px 7px 0; text-align:right; background:#ececec; }
.cont_page a		{ color:#333; }

.topbar					{ height:30px; margin:7px 0; border:1px solid #dbdbdb; background:url(/img/icn_title.png) 0 0 repeat-x; }
.weatherbox				{ float:left; width:630px; height:24px; line-height:2; margin:3px 30px; display:inline; }
.weatherbox	span		{ display:inline-block; vertical-align:middle; }
.weatherbox	iframe		{ margin-top:5px; }
.searchbox				{ float:right; width: 200px; height:24px; margin:2px 25px 2px 0; _margin:5px 25px 2px 0; line-height:2; display:inline; }
.searchbox .search		{ width:130px; height:18px; line-height:1.5; border:1px solid #d9d9d9; background:#fff; padding:0 3px; }
.searchbox .button		{ display:inline-block; width:45px; height:18px; padding:1px 0; line-height:1.5; margin:0 4px; color:#f8f8f8; background:url(/img/icn_nav.png) -257px -28px no-repeat; text-align:center;  }
.searchbox .button:hover{ text-decoration:none; }
.searchbox .search-submit{ width:45px; height:20px; line-height:1.5; border:0; padding:2px 0; margin:0 4px; color:#f8f8f8; background:url(/img/icn_nav.png) -257px -29px no-repeat; text-align:center; cursor:pointer; }

.wrap					{ padding:10px; background:#fdfdfd; }

.wrap .h2_box			{ background:url(/img/icn_title.png) 0 -32px repeat-x; }
.wrap h2				{ height:30px; background:url(/img/icn_nav.png) no-repeat; text-indent:-9999em; }
.wrap h2.h2_login 		{ background-position:0 0; }
.wrap h2.h2_lore 		{ width:130px; background-position:0 -61px; }
.wrap h2.h2_info 		{ width:140px; background-position:0 -32px; }
.wrap h2.h2_staff		{ width:130px; background-position:0 -88px; }
.wrap h2.h2_album		{ width:130px; background:url(/img/bg_pic.png) 0 1px no-repeat; }
.wrap h2.h2_link		{ width:105px; background-position:0 -118px; }

.wrap_left				{ float:left; width:732px; }

#KinSlideshow h2		{ display:none; }
#btnlistID li			{ font-weight:bold; }

.img_news_box			{ width:320px; min-height:242px; _height:242px; margin-left:372px; _margin-left:366px; padding:40px 20px 0; background:url(/img/bg_imgnews.png) 0 0 no-repeat; }
.img_news_box h3		{ width:240px; padding:0 0 5px; font-size:16px; color:#017dc7; margin:0 auto; text-align:center; }
.img_news_box h3 a		{ color:#017dc7; }
.img_news_box p			{ text-indent:2em; margin:0 auto; line-height:1.8; }
.img_news_list			{ margin:10px auto; height:65px; overflow:hidden; }
.img_news_list li		{ height:18px;margin-bottom:6px; overflow:hidden; }
.img_news_list li a		{ color:#333;}

.comm_news_box			{ float:left; width:360px; }
.w730					{ width:730px; }
.comm_news_list		 	{ margin:10px auto; padding-left:15px; }
.comm_news_list li	 	{ height:18px; margin-bottom:5px; overflow:hidden; }
.comm_news_list li a 	{ color:#333; }
.comm_news_list li .date{ float:right; padding:0 0 0 10px; }
.per_item				{ float:left; width:220px; padding:0 10px; }
.per_item dt			{ margin-bottom:5px; }
.per_item dt img		{ width:90px; height:60px; }
.per_item dt img.album	{ width:180px; height:120px; }
.per_item dt a			{ display:inline-block; margin-left:10px; font-size:14px; color:#017dc7; vertical-align:bottom; }

.wrap_left h4			{ height:20px; font-size:12px; background:url(/img/icn_nav.png) -225px 0 no-repeat; padding:2px 0 4px 10px; color:#fff; border-bottom:1px dashed #b1b1b1;}

.wrap_right				{ width:193px; margin-left:740px; padding:0 8px; *padding:0 2px; _padding:0 2px; }
.wrap_right h3			{ height:30px; background:url(/img/icn_nav.png) -235px -86px no-repeat; text-indent:-9999em; }
.sidebar				{ min-height:347px; _height:347px; margin-top:10px; padding:20px 0; background: #f4f4f4; }
.sidebar2				{ background: #f4f4f4 url(/img/img_sidebar.jpg) 0 0 no-repeat; }
.sidebar2 .picbox		{ height:100px; margin:15px 10px 5px 20px; }
.sidebar2 .picbox a		{ display:block; height:100px; }
.sidebar .blank10		{ display:block; width:165px; height:10px; margin:5px auto; background:url(/img/icn_title.png) 0 -131px repeat-x; overflow:hidden; }
.sidebox				{ width:165px; margin:0 auto; }
.sidebox dt				{ margin-top:5px; height:60px; }
.sidebox dt img			{ width:67px; height:59px; background:url(/img/icn_notice.jpg) no-repeat; border:1px solid #fff; }
.sidebox dt .icn_pic1	{ background-position:0 0; }
.sidebox dt .icn_pic2	{ background-position:0 -62px; }
.sidebox dt .icn_pic3	{ background-position:0 -126px; }
.sidebox dd				{ margin-left:80px; }
.sidebox .side_list		{ margin:55px 0 0 0; }
.sidebox .side_list li	{ padding-left:10px; background:url(/img/icn_nav.png) -294px -130px no-repeat; }
.sidebox a				{ color:#29548d; }
.mail_login				{ width:191px; height:125px; margin-top:3px; padding:20px 0; background:#f4f4f4 url(/img/icn_nav.png) -107px -236px no-repeat;}
.mail_login .row		{ margin:10px auto;}
.mail_login label		{ display:block; width:124px; margin:0 auto; padding-left:20px; background:url(/img/icn_title.png) no-repeat;}
.mail_login label.user	{ background-position:-12px -70px; }
.mail_login label.pass	{ background-position:-12px -99px; }
.mail_login .row .login			{ display:inline-block; width:57px; height:22px; line-height:1.8; color:#000; margin:0 5px; background:url(/img/icn_nav.png) -243px -55px no-repeat; }
.mail_login .row .login:hover	{ text-decoration:none; }
.mail_login .row .tdu			{ color:#017dc7;}
.mail_login input				{ width:115px; height:18px; line-height:1.5; border:2px solid #c4d4ed; color:#29558e; padding:1px 2px;}

.jobs_tab				{ height:26px; margin-top:5px; background:url(/img/icn_title.png) 0 -154px repeat-x; }
.jobs_tab a				{ display:inline-block; width:100px; height:25px; line-height:2.2; color:#444; font-weight:bold; text-align:center; }
.jobs_tab a:hover		{ text-decoration:none; }
.jobs_tab a.on			{ width:85px; height:26px; background:#fdfdfd url(/img/icn_nav.png) -1px -237px no-repeat; }
.jobs_box							{ height:128px; margin-top:3px; padding:12px 6px 12px 8px; background:#efefef; }
.jobs_box .jobs_list				{ background:#efefef; }
.jobs_box .jobs_list li				{ margin-bottom:4px; height:18px; overflow:hidden; }
.jobs_box .jobs_list a				{ color:#333;}

.links					{ height:32px; background:#e9eef5 url(/img/icn_title.png) 0 -193px repeat-x; }
.links_tab				{ height:30px; margin-left:120px; }
.links_tab li			{ float:left; width:75px; height:30px; text-align:center; margin:2px 10px 0; display:inline; }
.links_tab li.on		{ background:url(/img/icn_nav.png) 1px -264px no-repeat;}
.links_tab li a			{ color:#333; line-height:2.5; }
.links_tab li a:hover	{ text-decoration:none; }
.links_tab li.on a		{ color:#017dc7; font-size:14px; line-height:2.2; font-weight:bold; }
.links_item	li			{ float:left; width:200px; height:18px; padding:0 15px 4px; }
.links_item	li a		{ color:#333; }


/*** Mid's block ***/
.mid					{ margin:10px 0; height:100px; padding:10px 10px; background:#fff; }
.sub_item				{ float:left; width:300px; margin-right:12px; display:inline; }
.sub_item .pic			{ float:left; padding-right:8px; }
.sub_item .pic img		{ width:117px; height:90px; background:url(/img/icn_h90.jpg) no-repeat; border:1px solid #bebebe; }
.sub_item .pic .h90_1	{ background-position:0 0; }
.sub_item .pic .h90_2	{ background-position:0 -95px; }
.sub_item .pic .h90_3	{ background-position:0 -191px; }
.sub_item h5			{ font-size:12px; color:#29558e; margin-bottom:5px; }
.sub_item h5 a			{ color:#29558e; }

/*** 三和文化 ***/
#shwh .more					{ color:#a71c21; }
#shwh .img_news_box			{ background:url(/img/bg_imgnews.png) -370px 0 no-repeat; }
#shwh .img_news_box h3		{ color:#f6821f; }
#shwh .img_news_box h3 a	{ color:#f6821f; }
#shwh .wrap_left h4 		{ background:url(/img/icn_nav.png) 0 -176px no-repeat; }
#shwh .per_item dt a		{ color:#a71c21; }
#shwh .wrap_right h3 		{ background:url(/img/icn_nav.png) 0 -202px no-repeat; }


/***新闻内页***/
.news_box				{ margin-left:220px; background:#fff url(/img/bg_page_y.png) 0 0 repeat-y; }
.news_box_head			{ background:url(/img/bg_page.png) 0 -28px no-repeat; padding-top:20px; *padding:20px 23px 0 27px; _padding:20px 23px 0 27px; }
.news_box_foot			{ background:url(/img/bg_page.png) 0 0 no-repeat; _background:url(/img/bg_page.png) -3px 0 no-repeat; height:28px; }
.news_data				{ min-height:800px; _height:800px; margin:0 23px 0 27px; border:1px dashed #c4c4c4; position:relative; }
.news_content			{ padding:15px 40px 0 40px; color:#333; }
.news_content h1		{ height:64px; background:url(/img/bg_about.png) right 0 no-repeat; padding:30px 0 20px; font-size:20px; font-family:Microsoft Yahei; color:#df4a00; }
.news_content h2		{ font-size:18px; font-family:Microsoft Yahei; text-align:center; color:#1b559f; padding-bottom:10px; margin-bottom:5px; border-bottom:1px solid #d5d5d5; }
.news_content p			{ text-indent:2em; line-height:1.8; margin:6px 0; }
.news_content p img		{ max-width:580px; }
.news_info				{ height:24px; line-height:2; margin:-4px 0 30px; padding:0 10px; background:#f5f5f5; color:#505050; }
.news_info span			{ padding:0 20px 0 0; color:#949494; }
.news_info a			{ padding:0 4px; color:#505050; }
.news_content dl		{ border-bottom:1px dashed #c4c4c4; padding-bottom:10px; margin-bottom:10px; }
.news_content dl a		{ color:#585858; }
.news_content dd		{ color:#999; }

.news_list				{ font-size:14px; color:#585858; }
.news_list li			{ margin:0 0 4px; zoom:1; }
.news_list a			{ display:block; padding:2px 5px 2px 40px; color:#585858; background:url(/img/icn_nav.png) -275px -193px no-repeat; }
.news_list a:hover		{ background:#f4f4f4 url(/img/icn_nav.png) -275px -193px no-repeat; text-decoration:none; }
.news_list .date		{ float:right; width:65px; padding-left:10px; font-size:12px; color:#848484; }

#gmaps					{ width:495px; height:350px; margin:20px auto; border:2px solid #eee; padding:1px; }




/** 分页 **/
.pagebar				{ float:right; position:absolute; bottom:10px; right:50px; }
.pagebar li				{ float:left; padding:0 5px 0 0; }
.pagebar li a			{ display:inline-block; width:20px; height:18px; border:1px solid #d4d4d4; background:#fff; text-align:center; color:#333; }
.pagebar li.on a, .pagebar li a:hover		{ text-decoration:none; color:#aaa; background:#f5f5f5; }
.pagebar a, .pagebar strong					{ display:inline-block; font-size:12px; margin:0 5px 0 0; padding:0 8px; height:18px; border:1px solid #d4d4d4; background:#fff; text-align:center; color:#333; }
.pagebar strong, .pagebar a:hover			{ text-decoration:none; color:#aaa; background:#f5f5f5; font-weight:normal; }

#footer					{ clear:both; height:52px; width:960px; margin:10px auto 20px; }
#footer ul li			{ float:left; margin:0 10px; color:#fff; display:inline; }
#footer ul li a			{ display:inline-block; margin-right:20px; color:#fff; }
#footer .address		{ float:right; width:579px; height:41px; padding:10px 0 0 10px; background:url(/img/bg_footer.png) no-repeat; }
address					{ height:20px; margin-top:2px; color:#91addf; }
address	a				{ color:#91addf; }